﻿@model equinoxWeb.Models.Usuario
@{
    ViewBag.Title = "Equinox";
    string tamano;
    if (ViewBag.sesion)
    {
        tamano = "12";
        Layout = (ViewBag.esCliente != null && ViewBag.esCliente ? "~/Views/Shared/_ClienteLayout.cshtml" : "~/Views/Shared/_Layout.cshtml");
    }
    else
    {
        tamano = "9";
        Layout = "~/Views/Shared/_OfflineLayout.cshtml";
    }
}
@using equinoxWeb.Models;
<!-- content -->
<link rel="stylesheet" type="text/css" href="/Content/site/css/carousel.css" />
<style>
    .nav-pills > li > a {
        font-size:1em;
    }
    .carousel  {
        height: 400px;
    }
    .item .active{
        height: 400px;
    }
    .item{
        height: 400px;
    }
    .nav-pills > li > a {
        color: white;
    }
    .nav-pills > li > a:hover {
        color: black;
    }
</style>
<div class="row">   
    <div class="col-lg-12 col-md-12 col-sm-12" style="text-align:center;margin-top:-10px;">
        <div class="well botonera" style="background-color:rgb(0,51,102);border-color:rgb(0,51,102); background-image:none;">
            <ul class="nav nav-pills nav-justified">
                <li class="col-lg-3 col-md-3 col-sm-3" style="background-color:inherit"><a href="/home/">HOME</a></li>
                <li class="col-lg-3 col-md-3 col-sm-3" style="background-color:inherit"><a href="/home/servicios">@(ViewBag.lang == null || ViewBag.lang == "ES" ? "SERVICIOS" : "SERVICES")</a></li>
                <li class="col-lg-3 col-md-3 col-sm-3" style="background-color:inherit"><a href="/home/staff">STAFF</a></li>
                <li class="col-lg-3 col-md-3 col-sm-3" style="background-color:inherit"><a href="/home/enlaces">@(ViewBag.lang == null || ViewBag.lang == "ES" ? "ENLACES DE INTERÉS" : "RELATED LINKS")</a></li>
                <li class="col-lg-3 col-md-3 col-sm-3" style="background-color:inherit"><a href="/home/contacto">@(ViewBag.lang == null || ViewBag.lang == "ES" ? "CONTACTO" : "CONTACT US")</a></li>
            </ul>
        </div>
    </div>
 </div>

<div class="row">
        <div class="col-lg-9 col-md-9 col-sm-9">
     
        <!-- Carousel
    ================================================== -->
        <div id="myCarousel" class="carousel slide" style="height:400px; margin-top:-10px;" data-ride="carousel">
            <!-- Indicators 
            <ol class="carousel-indicators">
                <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                <li data-target="#myCarousel" data-slide-to="1"></li>
                <li data-target="#myCarousel" data-slide-to="2"></li>
                <li data-target="#myCarousel" data-slide-to="3"></li>
                <li data-target="#myCarousel" data-slide-to="4"></li>
                <li data-target="#myCarousel" data-slide-to="5"></li>
                <li data-target="#myCarousel" data-slide-to="6"></li>
                <li data-target="#myCarousel" data-slide-to="7"></li>
                <li data-target="#myCarousel" data-slide-to="8"></li>
                <li data-target="#myCarousel" data-slide-to="9"></li>
                <li data-target="#myCarousel" data-slide-to="10"></li>
                <li data-target="#myCarousel" data-slide-to="11"></li>
            </ol>-->
            <div class="carousel-inner">
                <div class="item active" style="height:400px">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosPortada/Foto1.jpg" alt="First slide">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item" style="height:400px">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosPortada/Foto2.jpg" alt="Second slide">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item" style="height:400px">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosPortada/Foto3.jpg" alt="Third slide">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item" style="height:400px">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosPortada/Foto4.jpg" alt="Fourth slide">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p></p>
                            <p></p>
                        </div>
                    </div>
                </div>  
                <div class="item" style="height:400px">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosPortada/Foto5.jpg" alt="Sixth slide">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item" style="height:400px">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosPortada/Foto6.jpg" alt="Sixth slide">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item" style="height:400px">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosPortada/Foto7.jpg" alt="Seventh slide">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item" style="height:400px">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosPortada/Foto8.jpg" alt="Eigth slide">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item" style="height:400px">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosPortada/Foto9.jpg" alt="Ninth slide">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item" style="height:400px">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosPortada/Foto10.jpg" alt="Tenth slide">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item" style="height:400px">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosPortada/Foto11.jpg" alt="Eleventh slide">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p></p>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="item" style="height:400px">
                    <img style="width:auto ;height:400px" src="/content/site/images/FotosPortada/Foto12.jpg" alt="Twelfth slide">
                    <div class="container">
                        <div class="carousel-caption">
                            <h1></h1>
                            <p></p>
                            <p></p>
                        </div>
                    </div>
                </div>
            </div>
            <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
            <a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
        </div>
        <!-- /.carousel -->
    </div>
    @if (tamano == "12")
        {
            <div class="col-lg-2 col-md-2 col-sm-2"> 
                 
            </div>
        }
    @if (!ViewBag.sesion)
    {
    <div class="col-lg-3 col-md-3 col-sm-3">
        <div class="well" style="background-color: #d3d3d3;background-image:none">
            <form class="form-horizontal" method="post" action="/cuenta/ingresar">
                <fieldset>
                    <legend style="color:black">@(ViewBag.lang == null || ViewBag.lang == "ES" ? "Ingresar" : "Log in")</legend>
                    <div class="form-group">
                        <label class="col-lg-5 col-md-5 col-sm-5 control-label" style="color:black" for="Cuenta">@(ViewBag.lang == null || ViewBag.lang == "ES" ? "Cuenta" : "User"):</label>
                        <div class="col-lg-7 col-md-7 col-sm-7">
                            @Html.TextBoxFor(model => model.Cuenta, new { @class = "form-control", maxlength = "30", id = "Cuenta", value = "" })
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-lg-5 col-md-5 col-sm-5 control-label" style="color:black" for="Contrasenha">@(ViewBag.lang == null || ViewBag.lang == "ES" ? "Contraseña" : "Password"):</label>
                        <div class="col-lg-7 col-md-7 col-sm-7">
                            @Html.TextBoxFor(model => model.Contrasenha, new { @class = "form-control", maxlength = "30", id = "Contrasenha", type = "password" })
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-md-5 col-sm-5 control-label" style="color:black" for="recuerdame">@(ViewBag.lang == null || ViewBag.lang == "ES" ? "Mantener sesión" : "Keep me logged"):</label>
                        <div class="col-md-7 col-sm-7">
                            <input class="form-control" style="width: 35px" type="checkbox" name="recuerdame" value="true">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-lg-10 col-lg-offset-2">
                            <button type="submit" class="btn btn-default col-md-offset-2">@(ViewBag.lang == null || ViewBag.lang == "ES" ? "Iniciar sesión" : "Log in")</button>
                        </div>
                    </div>
                </fieldset>
            </form>
        </div>
    </div>
    }
</div>


<div class="row">
<div class="col-lg-9 col-md-9 col-sm-9" style="margin-top:-50px">
    <div style="padding:10px">
        @if (ViewBag.lang == null || ViewBag.lang == "ES")
        { 
        <p style="font-weight:normal;font-size:1.2em;color:white;">Desde el año 2006, Equinox Consulting S.A.C. se dedica a brindar servicios de inspección y consultoría marítima en todos los puertos peruanos. Asimismo, contamos con asociados en puertos extranjeros.</p>
        }
        else
        {
        <p style="font-weight:normal;font-size:1.2em;color:white;">Since 2006, Equinox Consulting S.A.C. offers marine consulting services in all Peruvian and international ports. In like manner, we count on the collaboration of well-known surveyors overseas.</p>
        }</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3" style="text-align:center;margin-top:-90px">
    <p class="h4" style="color:white;display: block;margin: 0 auto;">Rumbo a la <br/>acreditación</p>
    <img style="height:70px;width:auto; display: block;margin: 0 auto;" src="/content/site/images/isoLogo.png" alt="">
</div>
</div>
<!-- /.container -->


<!-- Bootstrap core JavaScript
    ================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
